diff options
| author | Adam Soltys <[email protected]> | 2022-11-05 09:20:01 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-11-05 09:20:01 -0700 |
| commit | 2a2b3d7074e8a784e5673699af2143fdcb01e728 (patch) | |
| tree | 98334ca80a4555e1a88df479a18f1a797cd93dc5 /src/routes/(app)/[username]/request/+page.svelte | |
| parent | 264f76bfd8c43490b0a597f66b66894fb5f0d598 (diff) | |
| download | coinos-ui-2a2b3d7074e8a784e5673699af2143fdcb01e728.tar.gz coinos-ui-2a2b3d7074e8a784e5673699af2143fdcb01e728.zip | |
request notifications
Diffstat (limited to 'src/routes/(app)/[username]/request/+page.svelte')
| -rw-r--r-- | src/routes/(app)/[username]/request/+page.svelte | 33 |
1 files changed, 21 insertions, 12 deletions
diff --git a/src/routes/(app)/[username]/request/+page.svelte b/src/routes/(app)/[username]/request/+page.svelte index 32b03eaa..37fdae96 100644 --- a/src/routes/(app)/[username]/request/+page.svelte +++ b/src/routes/(app)/[username]/request/+page.svelte @@ -3,27 +3,36 @@ import { Icon } from '$comp'; import { back } from '$lib/utils'; - export let data; - export let form; + export let data; + export let form; - let { subject, user } = data; + let { subject, user } = data; </script> <button class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" on:click={back}> <Icon icon="arrow-left" style="w-10" /> </button> -<h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-8">Request an invoice</h1> +<div class="container max-w-lg px-4 mx-auto"> + <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold">Request an invoice</h1> -<div class="container max-w-lg px-4 flex mx-auto"> - <form method="POST" use:enhance> - <input type="hidden" name="requester_id" value={user.id} /> - <input type="hidden" name="recipient" value={subject.username} /> + <form method="POST" use:enhance class="space-y-5"> + <input type="hidden" name="requester_id" value={user.id} /> + <input type="hidden" name="recipient" value={subject.username} /> - <textarea name="memo" placeholder="(Optional) message. You might use this field to identify yourself or your order" class="w-full p-4 border rounded-xl h-48" /> + <textarea + name="memo" + placeholder="(Optionally) use this field to describe your order" + class="w-full p-4 border rounded-xl h-48" + /> - <button type="submit" class="bg-black text-white border rounded-full px-6 py-2 font-bold"> - Go - </button> + <div class="w-full flex"> + <button + type="submit" + class="bg-black text-white border rounded-full px-6 py-2 font-bold mx-auto" + > + Submit Request + </button> + </div> </form> </div> |